/*
  学习目标：JSX-插值表达式 -  数组和对象
  特点： 可以放在等号右边的都是表达式
  1. 变量、 
  2. 基础数据类型： 字符串、 number、boolean 、undefined null、
  3. 引用数据类型： 数组、 对象、函数
  4. 其它： 三元表达式、 逻辑运算符、  JSX本身
*/

import React from 'react';
import ReactDOM from 'react-dom';

// 函数本身属于对象，不能放在插值表达式中
// 🔔往往函数的调用可以放在插值表达式中
function sayHello() {
  return '非对象数据类型';

  // ❌ 注意返回对象，又会报错
  // return {
  //   name: '123',
  // };
}

const divNode = <div>{sayHello()}</div>;

ReactDOM.render(divNode, document.getElementById('root'));
